/* t11介绍 */
<template>
  <div class="t11">
    <BannerImg url="index/26.png"></BannerImg>
    <div class="floorAll">
      <Row class="floorW">
        <Col>
          <Card :bordered="false" dis-hover>
            <div class="content">
              <img src="../assets/images/t11/title.png" alt="">
              <p>“艺术托起梦想，梦想助力成长”， T11艺术中心从孩子的实际需求出发，满足孩子的个性化需求，让孩子们在艺术素质教育综合体的帮助下，健康快乐地成长，享受多彩的童年和美好的人生！</p>
              <p>随着父母对素质教育的重新认识及科技进步带来的教育手段和资源的变化，为教育行业的发展带来了新的契机。T11艺术中心的成立就是创建三位一体、全新时代、迎合政策的现代化少儿素质教育培训服务机构。</p>
              <p>线下服务机构之一是4000平米共享教室模式的 “少儿精品艺术素质教育综合体”，集结超过30余家资深少儿艺术培训机构，围绕3-16岁少儿的人格教育构建智力教育、艺术教育、亲子教育、体验教育、特色教育、人文教育（学前教育）等六大一站式文教培养服务体系，开设美术、口才、机器人、中国书画、瑜伽、陶艺、跆拳道、钢琴、中国舞、拉丁舞、街舞、模特、器乐、篮球等多种培训课程，基本涵盖了艺术、体育、科学、人文等素质教育的主要门类。同时为孩子们提供展示、交流、图书、竞技、休闲、游艺、餐饮、购物等主题服务空间。</p>
              <p>集合线下优秀资源，运用互联网优势，创新自主研发线上少儿艺术培训APP，通过线上工具突破时间、空间、地域、交互的局限，将传统教育模式有效延伸，全面革新培训行业。</p>
              <p>
                通过与新乡电视台少儿频道全时段的深度合作，以孩子为中心，把权力赋予孩子，充分利用孩子喜欢的电视元素创新节目形式，突出教育性，增加互动性，推出生动活泼、寓教于乐的节目内容，运用电视媒体的独特优势创造全新的媒体教育环境。
                通过线上、线下、传媒等资源的有效整合，展开以新乡为中心的T11艺术培训连锁加盟运营中心，通过基于加盟机构营建、产品、品牌、培训、运营管理、资源整合等多项支持，全面开拓教培行业新领域。
              </p>
              <p>众所周知，艺术培训是需要一定的经济投入的，那么如何帮助贫困家庭的孩子提高素质教育是我们一直期待的。贯彻十九大报告 “努力让每个孩子都能享有公平而有质量的教育。”的精神，教育扶贫是最根本的精准扶贫，T11艺术中心愿意在政府的支持下承担更多的社会责任。比如T11团队一直构想的如何利用T11艺术中心的自身优势，参与到政府精准扶贫工作当中，让每个孩子都能享受到平等教育服务支持，健康快乐的成长。T11艺术中心有幸落户于卫滨区，相信我们在政府的支持下定会成长为一张实力较强的教培行业新名片。</p>
              <p>T11艺术中心代表高质量素质教育的新方向，是学校教育向社会体验延伸的第二课堂，既是课外素质教育综合培训和示范窗口，还是对接各类文学艺术活动的桥梁，更是向更高一级文艺院校、团体和社会输送人才的基地。</p>
              <p>我们愿和您一起利用有效的时间、准确的定位、专业的引领，帮助您和孩子实现梦想！</p>
            </div>
          </Card>
        </Col>
      </Row>
      <Row>
        <Col>
          <Card :bordered="false" :padding="0" dis-hover>
            <div class="content">
              <img src="../assets/images/t11/title-2.png" alt="">
              <div class="fazhan">
                <div class="fazhanTitle">
                  <p class="title">T11艺术中心发展历程</p>
                  <p>
                    T11艺术中心发展历程T11艺术中心
                    发展历程T11艺术中心发展历程T11
                    艺术中心发展历程T11艺术中心发展
                    历程T11艺术中心发展历程T11艺术
                    中心发展历程T11艺术中心发展历程
                    T11艺术中心发展历程T11艺术中心
                    发展历程T11艺术中心发展历程T11
                    艺术中心发展历程T11艺术中心发展
                    历程T11艺术中心发展历程
                  </p>
                </div>
                <div class="fzItem1">
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                </div>
                <div class="fzItem2">
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                </div>
                <div class="fzItem3">
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                </div>
                <div class="fzItem4">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                </div>
                <div class="fzItem5">
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                </div>
                <div class="fzItem6">
                  <img src="../assets/images/t11/fzImg-1.png" alt="" srcset="">
                  <p class="title">发展历程</p>
                  <p>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>T11艺术中心发展历程
                    <br>
                  </p>
                </div>
              </div>
            </div>
          </Card>
        </Col>
      </Row>
      <Row class="floorW">
        <Col>
          <Card :bordered="false" dis-hover>
            <div class="content">
              <img src="../assets/images/t11/title-3.png" alt="">
              <img class="imgMain" src="../assets/images/t11/01-bg_03.jpg" alt="">
            </div>
          </Card>
        </Col>
      </Row>
      <Row class="floorW">
        <Col>
          <Card :bordered="false" dis-hover>
            <div class="content">
              <img src="../assets/images/t11/title-4.png" alt="">
              <img class="imgMain" src="../assets/images/t11/01bg_06.jpg" alt="">
            </div>
          </Card>
        </Col>
      </Row>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang='less'>
@import "../assets/css/base.less";
.t11 {
  .floorAll {
    background: #fff;
    .content {
      width: 100%;
      text-align: center;
      img {
        margin: 20px 0;
      }
      p {
        text-indent: 32px;
        text-align: left;
      }
      .imgMain {
        width: 100%;
      }
      .fazhan {
        width: 100%;
        height: 880px;
        background: url("../assets/images/t11/fazBg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
        p {
          text-indent: initial;
          font-size: 12px;
          font-family: "Microsoft YaHei" !important;
        }
        img {
          margin: 0;
          width: 100px;
          height: 100px;
        }
        .fazhanTitle {
          width: 15%;
          height: 240px;
          overflow: hidden;
          position: absolute;
          padding: 30px 20px 10px 30px;
          right: 11%;
          p {
            font-size: 12px;
          }
          .title {
            font-size: 16px !important;
          }
        }
        .fzItem1 {
          width: 12%;
          overflow: hidden;
          position: absolute;
          // background: red;
          height: 320px;
          left: 11%;
          top: 320px;
          text-align: right;
          p {
            padding-right: 20%;
          }
          .title {
            font-size: 16px;
          }
        }
        .fzItem2 {
          width: 14%;
          height: 200px;
          position: absolute;
          left: 32%;
          top: 190px;
          img {
            position: absolute;
            bottom: 0;
            right: 0;
          }
          .title {
            font-size: 16px;
          }
        }
        .fzItem3 {
          width: 14%;
          height: 210px;
          position: absolute;
          right: 30%;
          top: 320px;
          img {
            position: absolute;
            right: 0;
          }
          p.title {
            padding-top: 50px;
          }
          .title {
            font-size: 16px;
          }
        }
        .fzItem4 {
          width: 10%;
          height: 210px;
          position: absolute;
          left: 27%;
          top: 430px;
          .title {
            font-size: 16px;
          }
        }
        .fzItem5 {
          width: 10%;
          height: 210px;
          position: absolute;
          left: 50%;
          top: 530px;
          p {
            padding-left: 12%;
          }
          .title {
            font-size: 16px;
          }
        }
        .fzItem6 {
          width: 10%;
          height: 210px;
          position: absolute;
          right: 13%;
          top: 530px;
          .title {
            font-size: 16px;
          }
        }
      }
    }
  }
}
</style>